<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>
<body>
  <script>
    // 一,怎么封装一个好的组件?
    // 01.props接收的参数最好是一个对象,因为这样可以指定每一个传递过来的数据的类型
    // 02.想封装一个好的组件离不开插槽,插槽可以给组件动态的插入一些内容和组件,当需要多个插槽的时候可以使用具名插槽
    // 03.组件的存在不仅仅是用来复用,还可以让代码结构更加清晰

    // 二,你封装过那些组件?请举例一个说明
    // 我封装过:搜索框组件,表单组件,公共头部组件
    // 拿表单组件举例,我有好几个页面都有一个表单输入的一个弹出层,这个时候我就会把这个表单封装起来,但是所有的表单不可能一模一样,所以我把不一样的地方使用插槽来进行占位,使用的时候直接往里面存放不同的节点就行,像一些标题的话我会使用父传子的技术来定义这个标题的内容是什么,当点击提交后拿到数据使用子传父的一个技术,把拿到的数据传递回父组件,这就是我封装表单组件的一个过程
  </script>
</body>
</html>